<html lang="zh">

<head>
    <meta charset="utf-8">
    <title>知识星球 | 深度连接铁杆粉丝，运营高品质社群，知识变现的工具</title>
    <meta name="description"
          content="知识星球是创作者连接铁杆粉丝，实现知识变现的工具。任何从事创作或艺术的人，例如艺术家、工匠、教师、学术研究、科普等，只要能获得一千位铁杆粉丝，就足够生计无忧，自由创作。社群管理、内容沉淀、链接粉丝等就在知识星球。">
    <meta name="keywords"
          content="社群服务,社群工具,公众号粉丝管理,粉丝社区,内容付费,知识变现,流量变现,粉丝经济,KOL,大 V,知识管理,内容沉淀,企业社区,内部论坛,小团队共享,私密圈,原名小密圈,小秘圈,小蜜圈">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="assets/images/favicon_32.ico">
    <link rel="icon" href="assets/images/favicon_32.ico">
    <link rel="stylesheet" href="https://wx.zsxq.com/dweb2/styles.6889d6180f29a90fd306.css">
    <style type="text/css" abt="234"></style>
    <style></style>
    <script src="https://g.alicdn.com/sd/ncpc/nc.js?t=202132616"></script>
    <style>
        .index-container[_ngcontent-njh-c86] .index-content[_ngcontent-njh-c86] {
            margin: 0 auto;
            padding: 60px 0 0;
            width: 1220px
        }

        .index-container[_ngcontent-njh-c86] .index-content[_ngcontent-njh-c86] .copy-input[_ngcontent-njh-c86] {
            position: fixed;
            top: -300px
        }

        .index-container[_ngcontent-njh-c86] .copy-input[_ngcontent-njh-c86] {
            position: fixed;
            top: -900px;
            opacity: 0
        }
    </style>
    <style>
        .header-container[_ngcontent-njh-c85] {
            z-index: 3;
            position: fixed;
            top: 0;
            height: 50px;
            width: 100%;
            background: #fff;
            box-shadow: 0 1px 0 #ecf0f5;
            display: flex;
            align-items: center
        }

        .header-container[_ngcontent-njh-c85] .logo-container[_ngcontent-njh-c85] {
            cursor: pointer;
            margin-left: 24px;
            width: 200px;
            min-width: 200px;
            display: flex;
            align-items: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .header-container[_ngcontent-njh-c85] .logo-container[_ngcontent-njh-c85] .logo[_ngcontent-njh-c85] {
            outline: none;
            border: none;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -96px -28px;
            height: 20px;
            width: 117px;
            margin-right: 8px
        }

        .header-container[_ngcontent-njh-c85] .logo-container[_ngcontent-njh-c85] .tip[_ngcontent-njh-c85] {
            width: 60px;
            height: 22px;
            line-height: 22px;
            background: #5583aa;
            border-radius: 4px;
            font-family: PingFangSC-Regular;
            font-size: 12px;
            color: #fff;
            text-align: center
        }

        .header-container[_ngcontent-njh-c85] .error-emit-point[_ngcontent-njh-c85] {
            position: absolute;
            left: 1px;
            width: 5px;
            height: 5px;
            background-color: #fff;
            cursor: help
        }

        .header-container[_ngcontent-njh-c85] .middle-container[_ngcontent-njh-c85] {
            padding: 0 186px 0 86px;
            flex: 1;
            position: relative
        }

        .header-container[_ngcontent-njh-c85] .search-container[_ngcontent-njh-c85] {
            position: relative;
            max-width: 800px;
            margin: 0 auto
        }

        .header-container[_ngcontent-njh-c85] .search-container[_ngcontent-njh-c85] .search-icon[_ngcontent-njh-c85] {
            height: 32px;
            width: 32px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -98px -411px;
            position: absolute;
            right: 0;
            cursor: pointer
        }

        .header-container[_ngcontent-njh-c85] .search-container[_ngcontent-njh-c85] .search-icon[_ngcontent-njh-c85]:hover {
            background-position: -98px -433px
        }

        .header-container[_ngcontent-njh-c85] .search-container[_ngcontent-njh-c85] input[_ngcontent-njh-c85] {
            outline: none;
            width: 100%;
            height: 32px;
            font-size: 14px;
            font-family: PingFangSC-Regular;
            border-radius: 4px;
            border: 0 solid grey;
            background: #f5f6fa;
            padding: 0 34px 0 12px;
            box-sizing: border-box;
            -moz-padding-top: 3px
        }

        .header-container[_ngcontent-njh-c85] .search-container[_ngcontent-njh-c85] input[_ngcontent-njh-c85]::-moz-placeholder {
            color: #c5c6cb
        }

        .header-container[_ngcontent-njh-c85] .search-container[_ngcontent-njh-c85] input[_ngcontent-njh-c85]:-ms-input-placeholder {
            color: #c5c6cb
        }

        .header-container[_ngcontent-njh-c85] .search-container[_ngcontent-njh-c85] input[_ngcontent-njh-c85]::placeholder {
            color: #c5c6cb
        }

        .header-container[_ngcontent-njh-c85] .search-container[_ngcontent-njh-c85] .search-history-panel[_ngcontent-njh-c85] {
            position: absolute;
            top: 41px;
            left: 0;
            right: 0
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] {
            margin-right: 40px;
            display: flex;
            align-items: center
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .avatar[_ngcontent-njh-c85] {
            height: 30px;
            width: 30px;
            border-radius: 50%;
            cursor: pointer;
            padding: 2px;
            border: 2px solid #fff
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .avatar.active[_ngcontent-njh-c85] {
            border-color: #16b998
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .notify[_ngcontent-njh-c85] {
            position: relative;
            width: 25px;
            height: 25px;
            cursor: pointer
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .notify[_ngcontent-njh-c85] .notify-icon[_ngcontent-njh-c85] {
            width: 25px;
            height: 25px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -102px -189px
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .notify[_ngcontent-njh-c85] .notify-count[_ngcontent-njh-c85] {
            position: absolute;
            top: -8px;
            left: 14px;
            padding: 0 5px;
            height: 16px;
            background: #f57f59;
            border-radius: 8px;
            display: flex;
            align-items: center;
            font-size: 10px;
            color: #fff
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .notify[_ngcontent-njh-c85] .notify-count[_ngcontent-njh-c85] .text[_ngcontent-njh-c85] {
            transform: scale(.9)
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .user-avatar[_ngcontent-njh-c85] {
            position: relative;
            margin-right: 21px
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .user-avatar[_ngcontent-njh-c85] .coupons-tip[_ngcontent-njh-c85] {
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            z-index: 1;
            position: absolute;
            top: 50px;
            right: -43px;
            padding: 6px 12px;
            border-radius: 4px;
            background: rgba(255, 192, 123, .9);
            box-shadow: 0 8px 16px 0 rgba(23, 50, 94, .2);
            font-family: PingFangSC-Regular;
            font-size: 12px;
            color: #fff;
            letter-spacing: 0;
            text-align: justify
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .user-avatar[_ngcontent-njh-c85] .coupons-tip[_ngcontent-njh-c85]:before {
            content: "";
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-left: 6px solid rgba(255, 192, 123, .9);
            border-top: 6px solid rgba(255, 192, 123, .9);
            border-color: transparent rgba(255, 192, 123, .9) rgba(255, 192, 123, .9) transparent;
            border-style: solid;
            border-width: 6px;
            border-bottom-right-radius: 1px;
            transform: rotate(-135deg);
            top: -6px;
            left: 53px
        }

        .header-container[_ngcontent-njh-c85] .user-container[_ngcontent-njh-c85] .user-avatar[_ngcontent-njh-c85] .red-point[_ngcontent-njh-c85] {
            width: 6px;
            height: 6px;
            border-radius: 6px;
            background: #f57f59;
            position: absolute;
            right: -5px;
            top: 3px
        }

        .header-container[_ngcontent-njh-c85] .timeout-tips[_ngcontent-njh-c85] {
            position: absolute;
            top: -4px;
            right: calc(50% - 317px);
            width: 736px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background: rgba(252, 192, 96, .9);
            box-shadow: 0 2px 8px 0 rgba(227, 169, 33, .2);
            color: #fff;
            border-radius: 4px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .header-container[_ngcontent-njh-c85] .timeout-tips[_ngcontent-njh-c85] .relogin-btn[_ngcontent-njh-c85] {
            cursor: pointer;
            color: #f57f59;
            text-decoration: underline
        }

        .header-container[_ngcontent-njh-c85] .timeout-tips[_ngcontent-njh-c85] .close-tips-btn[_ngcontent-njh-c85] {
            cursor: pointer;
            display: inline-block;
            height: 16px;
            width: 14px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -534px -195px;
            position: absolute;
            right: 24px;
            top: 12px
        }

        .header-container[_ngcontent-njh-c85] .timeout-tips[_ngcontent-njh-c85] .close-tips-btn[_ngcontent-njh-c85]:hover {
            background-position: -534px -223px
        }

        .error-container[_ngcontent-njh-c85] {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 420px;
            max-height: 680px;
            overflow: hidden;
            background: #fff;
            -webkit-animation: fadeIn 1s;
            animation: fadeIn 1s
        }

        .error-container[_ngcontent-njh-c85] pre[_ngcontent-njh-c85] {
            position: relative;
            outline: 1px solid #ccc;
            padding: 5px;
            margin: 5px;
            white-space: pre-wrap;
            word-wrap: break-word
        }

        .error-container[_ngcontent-njh-c85] .close-icon[_ngcontent-njh-c85] {
            position: absolute;
            right: 10px;
            top: 10px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -357px -242px;
            width: 10px;
            height: 10px;
            cursor: pointer
        }

        @-webkit-keyframes fadeIn {
            0% {
                left: -100px
            }

            to {
                left: 0
            }
        }

        @keyframes fadeIn {
            0% {
                left: -100px
            }

            to {
                left: 0
            }
        }

        @media only screen and (-ms-min-device-pixel-ratio:2),
        only screen and (-o-min-device-pixel-ratio:2),
        only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min--moz-device-pixel-ratio:2),
        only screen and (min-device-pixel-ratio:2) {

            .header-container[_ngcontent-njh-c85] .logo[_ngcontent-njh-c85],
            .header-container[_ngcontent-njh-c85] .notify-icon[_ngcontent-njh-c85],
            .header-container[_ngcontent-njh-c85] .search-icon[_ngcontent-njh-c85],
            .timeout-tips[_ngcontent-njh-c85] .close-tips-btn[_ngcontent-njh-c85] {
                background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@2x.8b15a248c2c84cea14c1.png) !important;
                background-size: 1024px 1057px
            }
        }

        @media screen and (max-width:1600px) {
            .header-container[_ngcontent-njh-c85] .search-container[_ngcontent-njh-c85] {
                width: 600px
            }
        }
    </style>
    <style>
        .topic-detail-page[_ngcontent-njh-c121] {
            max-width: 880px;
            min-width: 600px;
            padding: 50px 60px 32px;
            margin: 0 auto;
            box-sizing: border-box;
            background-color: #fff
        }

        .topic-detail-page[_ngcontent-njh-c121] .enter-group[_ngcontent-njh-c121] {
            height: 59px;
            line-height: 59px;
            margin-bottom: 30px;
            font-family: PingFangSC-Medium;
            font-size: 16px;
            color: #8b8e9d;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid rgba(0, 0, 0, .06);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .topic-detail-page[_ngcontent-njh-c121] .enter-group[_ngcontent-njh-c121] .group-name[_ngcontent-njh-c121] {
            cursor: pointer
        }

        .topic-detail-page[_ngcontent-njh-c121] .enter-group[_ngcontent-njh-c121] .group-name[_ngcontent-njh-c121] .icon[_ngcontent-njh-c121] {
            display: inline-block;
            width: 18px;
            height: 12px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -440px -500px;
            margin-right: 9px
        }

        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail,
        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail-preview {
            position: static;
            background-color: #fff;
            overflow-y: inherit
        }

        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail-preview .enter-group,
        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail .enter-group {
            display: none !important
        }

        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail-preview .topic-detail-panel,
        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail .topic-detail-panel {
            padding: 0 !important
        }

        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail-preview .topic-detail-panel .header-container .homework,
        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail .topic-detail-panel .header-container .homework {
            top: -30px !important;
            right: 0 !important
        }

        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail-preview>.content,
        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .topic-detail>.content {
            width: 100%;
            margin-top: 0;
            margin-bottom: 0
        }

        .topic-detail-page[_ngcontent-njh-c121] .container[_ngcontent-njh-c121] .skeleton {
            padding: 0
        }

        @media only screen and (-ms-min-device-pixel-ratio:2),
        only screen and (-o-min-device-pixel-ratio:2),
        only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min--moz-device-pixel-ratio:2),
        only screen and (min-device-pixel-ratio:2) {
            .group-name[_ngcontent-njh-c121] .icon[_ngcontent-njh-c121] {
                background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@2x.8b15a248c2c84cea14c1.png) !important;
                background-size: 1024px 1057px
            }
        }
    </style>
    <style>
        .skeleton[_ngcontent-njh-c70] {
            background: #fff;
            margin-bottom: 10px;
            padding: 30px;
            border-radius: 4px
        }

        .skeleton[_ngcontent-njh-c70] .header[_ngcontent-njh-c70] {
            display: flex;
            flex-direction: row;
            align-items: center
        }

        .skeleton[_ngcontent-njh-c70] .header[_ngcontent-njh-c70] .avatar[_ngcontent-njh-c70] {
            background: #f0f3f8;
            height: 40px;
            width: 40px;
            border-radius: 50%
        }

        .skeleton[_ngcontent-njh-c70] .header[_ngcontent-njh-c70] .author-info[_ngcontent-njh-c70] {
            display: flex;
            flex-direction: column
        }

        .skeleton[_ngcontent-njh-c70] .header[_ngcontent-njh-c70] .author-info[_ngcontent-njh-c70] .item1[_ngcontent-njh-c70] {
            margin-left: 15px;
            height: 14px;
            width: 160px;
            background: #f0f3f8
        }

        .skeleton[_ngcontent-njh-c70] .header[_ngcontent-njh-c70] .author-info[_ngcontent-njh-c70] .item2[_ngcontent-njh-c70] {
            margin-top: 5px;
            margin-left: 15px;
            height: 14px;
            width: 200px;
            background: #f0f3f8
        }

        .skeleton[_ngcontent-njh-c70] .card-layout[_ngcontent-njh-c70] div[_ngcontent-njh-c70] {
            height: 15px;
            margin-top: 8px;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-name: placeHolderShimmer;
            animation-name: placeHolderShimmer;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            background-repeat: no-repeat;
            background: #f0f3f8;
            background: linear-gradient(90deg, #f0f3f8 8%, #edeef1 18%, #f0f3f8 33%)
        }

        .skeleton[_ngcontent-njh-c70] .card-layout[_ngcontent-njh-c70] .content[_ngcontent-njh-c70] {
            height: 100px;
            margin: 10px 0
        }

        .skeleton[_ngcontent-njh-c70] .card-layout[_ngcontent-njh-c70] .item1[_ngcontent-njh-c70] {
            width: 350px
        }

        .skeleton[_ngcontent-njh-c70] .card-layout[_ngcontent-njh-c70] .item2[_ngcontent-njh-c70] {
            width: 280px
        }

        @-webkit-keyframes placeHolderShimmer {
            0% {
                background-position: -200px
            }

            to {
                background-position: 200px
            }
        }

        @keyframes placeHolderShimmer {
            0% {
                background-position: -200px
            }

            to {
                background-position: 200px
            }
        }
    </style>
    <script>//remove baidu search ad
    var _countAA = 0
    function doBBBd() { }
    doBBBd()
    document.addEventListener('keyup', function () { _countAA -= 10; doBBBd() }, false)
    document.addEventListener('click', function () { _countAA -= 10; doBBBd() }, false)

    </script>
    <style>
        @charset "utf-8";

        @font-face {
            font-family: 'nc_iconfont';
            src: url("//at.alicdn.com/t/font_1465353706_4784257.eot");
            src: url("//at.alicdn.com/t/font_1465353706_4784257.eot?#iefix") format('embedded-opentype'), url("//at.alicdn.com/t/font_1465353706_4784257.woff") format('woff'), url("//at.alicdn.com/t/font_1465353706_4784257.ttf") format('truetype'), url("//at.alicdn.com/t/font_1465353706_4784257.svg#iconfont") format('svg')
        }

        @font-face {
            font-family: 'ncpc_iconfont';
            src: url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot");
            src: url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.eot?#iefix") format('embedded-opentype'), url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.woff") format('woff'), url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.ttf") format('truetype'), url("//at.alicdn.com/t/font_384029_rhzpmteb25oecdi.svg#ncpc_iconfont") format('svg')
        }

        .nc-container div#nc-loading-circle {
            background: transparent;
            width: 20px;
            height: 20px;
            display: inline-block;
            position: relative;
            vertical-align: middle
        }

        .nc-container div#nc-loading-circle .sk-circle {
            background: transparent;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

        .nc-container #nc-loading-circle .sk-circle:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #818181;
            border-radius: 100%;
            -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
        }

        .nc-container #nc-loading-circle .sk-circle2 {
            -webkit-transform: rotate(30deg);
            -ms-transform: rotate(30deg);
            transform: rotate(30deg)
        }

        .nc-container #nc-loading-circle .sk-circle3 {
            -webkit-transform: rotate(60deg);
            -ms-transform: rotate(60deg);
            transform: rotate(60deg)
        }

        .nc-container #nc-loading-circle .sk-circle4 {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .nc-container #nc-loading-circle .sk-circle5 {
            -webkit-transform: rotate(120deg);
            -ms-transform: rotate(120deg);
            transform: rotate(120deg)
        }

        .nc-container #nc-loading-circle .sk-circle6 {
            -webkit-transform: rotate(150deg);
            -ms-transform: rotate(150deg);
            transform: rotate(150deg)
        }

        .nc-container #nc-loading-circle .sk-circle7 {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .nc-container #nc-loading-circle .sk-circle8 {
            -webkit-transform: rotate(210deg);
            -ms-transform: rotate(210deg);
            transform: rotate(210deg)
        }

        .nc-container #nc-loading-circle .sk-circle9 {
            -webkit-transform: rotate(240deg);
            -ms-transform: rotate(240deg);
            transform: rotate(240deg)
        }

        .nc-container #nc-loading-circle .sk-circle10 {
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg)
        }

        .nc-container #nc-loading-circle .sk-circle11 {
            -webkit-transform: rotate(300deg);
            -ms-transform: rotate(300deg);
            transform: rotate(300deg)
        }

        .nc-container #nc-loading-circle .sk-circle12 {
            -webkit-transform: rotate(330deg);
            -ms-transform: rotate(330deg);
            transform: rotate(330deg)
        }

        .nc-container #nc-loading-circle .sk-circle2:before {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .nc-container #nc-loading-circle .sk-circle3:before {
            -webkit-animation-delay: -1s;
            animation-delay: -1s
        }

        .nc-container #nc-loading-circle .sk-circle4:before {
            -webkit-animation-delay: -.9s;
            animation-delay: -.9s
        }

        .nc-container #nc-loading-circle .sk-circle5:before {
            -webkit-animation-delay: -.8s;
            animation-delay: -.8s
        }

        .nc-container #nc-loading-circle .sk-circle6:before {
            -webkit-animation-delay: -.7s;
            animation-delay: -.7s
        }

        .nc-container #nc-loading-circle .sk-circle7:before {
            -webkit-animation-delay: -.6s;
            animation-delay: -.6s
        }

        .nc-container #nc-loading-circle .sk-circle8:before {
            -webkit-animation-delay: -.5s;
            animation-delay: -.5s
        }

        .nc-container #nc-loading-circle .sk-circle9:before {
            -webkit-animation-delay: -.4s;
            animation-delay: -.4s
        }

        .nc-container #nc-loading-circle .sk-circle10:before {
            -webkit-animation-delay: -.3s;
            animation-delay: -.3s
        }

        .nc-container #nc-loading-circle .sk-circle11:before {
            -webkit-animation-delay: -.2s;
            animation-delay: -.2s
        }

        .nc-container #nc-loading-circle .sk-circle12:before {
            -webkit-animation-delay: -.1s;
            animation-delay: -.1s
        }

        @-webkit-keyframes sk-circleFadeDelay {

            0%,
            39%,
            100% {
                opacity: 0
            }

            40% {
                opacity: 1
            }
        }

        @-webkit-keyframes sk-circleFadeDelay {

            0%,
            39%,
            100% {
                opacity: 0
            }

            40% {
                opacity: 1
            }
        }

        @keyframes sk-circleFadeDelay {

            0%,
            39%,
            100% {
                opacity: 0
            }

            40% {
                opacity: 1
            }
        }

        .nc-container .scale_text2 #nc-loading-circle .sk-circle:before {
            background-color: #fff
        }

        .nc_iconfont {
            font-family: "nc_iconfont";
            color: #ff3f08;
            font-size: 16px;
            font-style: normal
        }

        .ncpc_iconfont {
            font-family: "ncpc_iconfont";
            color: #ff3f08;
            font-size: 16px;
            font-style: normal
        }

        .captcha-error .icon_ban {
            float: left;
            font-size: 16px;
            padding-right: 5px;
            line-height: 14px
        }

        .clickCaptcha_text .btn_refresh {
            font-style: normal;
            cursor: pointer;
            background: #fff;
            color: #737383
        }

        .imgCaptcha .btn_refresh {
            font-size: 20px;
            cursor: pointer;
            background: #fff;
            color: #737383
        }

        .nc_voice {
            display: none;
            position: relative;
            margin-top: -34px;
            z-index: 99;
            width: auto;
            height: 34px;
            background: #fff
        }

        .omeo-code-img,
        .omeo-code-audio {
            font-size: 0;
            text-align: left
        }

        .omeo-code-audiobox,
        .omeo-code-img a,
        .omeo-code-audio a,
        .omeo-code-state {
            display: inline-block;
            *display: inline;
            zoom: 1;
            height: 32px;
            vertical-align: top;
            font-size: 12px
        }

        .omeo-code .omeo-code-refresh {
            background: transparent;
            width: 32px;
            height: 32px;
            font-size: 20px;
            color: #888;
            text-align: center;
            text-decoration: none;
            padding-left: 4px;
            line-height: 32px
        }

        .omeo-code .omeo-switch {
            display: none;
            width: 32px;
            height: 32px;
            border-left: 1px solid #e1e1e1;
            background-image: url("//g.alicdn.com/sd/ncpc/images/checkcode.png");
            background-repeat: no-repeat
        }

        .omeo-img-active .omeo-code-img {
            display: block
        }

        .omeo-img-active .omeo-code-audio {
            display: none
        }

        .omeo-code-img img {
            border: 1px solid #cdcdcd;
            cursor: pointer
        }

        .omeo-code-img .omeo-switch {
            background-position: 9px -41px
        }

        .omeo-audio-active .omeo-code-audio {
            display: block
        }

        .omeo-audio-active .omeo-code-img {
            display: none
        }

        .omeo-code-refresh {
            position: relative;
            left: 95px
        }

        .omeo-code-audiobox {
            position: relative;
            height: 30px;
            line-height: 32px;
            border: 1px solid #e1e1e1;
            text-align: center;
            overflow: hidden;
            left: 100px;
            top: 1px;
            width: 45%;
            min-width: 80px;
            background-color: #eee
        }

        .omeo-code-audiobox a {
            display: block;
            text-decoration: none;
            color: #06c
        }

        .omeo-code-audiobox-playing a {
            visibility: hidden
        }

        .omeo-code-audiobox span,
        .omeo-code-audiobox b {
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            height: 30px;
            font-weight: 100;
            overflow: hidden
        }

        .omeo-code-audiobox-playing span,
        .omeo-code-audiobox-playing b {
            visibility: visible
        }

        .omeo-code-audiobox span {
            z-index: 0;
            width: 0;
            background: #186bca
        }

        .omeo-code-audiobox b {
            width: 100%;
            z-index: 1;
            text-align: left;
            text-indent: 30px;
            color: #999;
            background: url("//g.alicdn.com/sd/ncpc/images/checkcode.png") no-repeat 14px -89px
        }

        .omeo-code-audio .omeo-switch {
            background-position: 5px 10px
        }

        input[type=text]::-ms-clear {
            display: none
        }

        .omeo-box {
            position: relative;
            background-color: #fff
        }

        .omeo-code-echo {
            position: absolute;
            top: 2px;
            left: 2px
        }

        .omeo-code-echo input {
            padding: 5px;
            height: 18px;
            line-height: 18px;
            border: 1px solid #ddd;
            width: 80px;
            outline: 0
        }

        .omeo-code-state {
            height: 30px;
            line-height: 30px;
            text-indent: 25px;
            white-space: nowrap;
            background-image: url("//g.alicdn.com/sd/ncpc/images/checkcode.png");
            background-repeat: no-repeat;
            background-position: 100px 100px
        }

        .omeo-code-echo .omeo-code-state-error {
            width: auto;
            background-position: 7px -193px
        }

        .omeo-code-echo .omeo-code-state-success {
            position: absolute;
            width: 30px;
            background-position: 7px -243px
        }

        .omeo-code-state {
            position: absolute;
            left: 0;
            top: 28px
        }

        .nc_voice_close {
            display: inline-block;
            position: relative;
            cursor: pointer;
            left: 95px;
            top: 0;
            border-left: #ddd 2px solid;
            padding: 0 0 0 7px;
            background-color: #fff;
            font-size: 20px;
            color: #888;
            line-height: 32px
        }

        .nc_help {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 99999
        }

        .nc_help .mask {
            background-color: #000;
            opacity: .5;
            filter: alpha(opacity=50);
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

        .nc_btn_close {
            position: absolute;
            height: 20px;
            left: 500px;
            border-radius: 20px;
            padding: 10px 30px;
            background-color: #aaa;
            color: #fff;
            cursor: pointer;
            z-index: 10
        }

        .nc_btn_close:hover {
            background-color: #afafaf
        }

        .nc_hand {
            position: absolute;
            width: 68px;
            height: 53px;
            background-image: url("//g.alicdn.com/sd/ncpc/images/hand.png");
            z-index: 3
        }

        .nc_slide_bg {
            z-index: 3;
            font-size: 12px;
            text-align: center;
            color: #fff;
            line-height: 34px
        }

        .nc_voicebtn {
            position: absolute;
            padding: 0;
            right: -25px;
            font-size: 23px;
            color: #888;
            cursor: pointer;
            line-height: 34px
        }

        .nc_helpbtn {
            position: absolute;
            cursor: pointer;
            right: -95px;
            top: 4px;
            font-size: 12px;
            background-color: #ffb668;
            color: #fff;
            padding: 4px;
            border-radius: 2px;
            line-height: 18px;
            display: none
        }

        .nc_helpbtn:before {
            width: 0;
            height: 0;
            content: "";
            position: absolute;
            left: -2px;
            top: 6px;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-right: 4px solid #ffb668
        }

        .nc-container .errloading {
            border: #faf1d5 1px solid;
            text-indent: 3px;
            background-image: none;
            font-size: 12px;
            width: 290px;
            line-height: 20px;
            padding: 7px 5px 8px 5px;
            color: #ef9f06;
        }

        .nc-container .errloading a {
            color: #30a7fc
        }

        .nc_captcha_text .nc_err {
            float: left;
            text-indent: 0
        }

        .button_move {
            transition: left .5s;
            -moz-transition: left .5s;
            -webkit-transition: left .5s;
            -o-transition: left .5s
        }

        .bg_move {
            transition: width .5s;
            -moz-transition: width .5s;
            -webkit-transition: width .5s;
            -o-transition: width .5s
        }

        .nc_slide_box {
            position: absolute
        }

        .nc_captcha_text {
            height: auto;
            line-height: 20px;
            visibility: hidden;
            font-size: 12px;
            color: #999;
            font-weight: normal
        }

        .nc-container .nc_captcha_img_text {
            width: auto;
            height: auto;
            line-height: 20px;
            visibility: hidden;
            font-size: 12px;
            color: #999;
            font-weight: normal;
            display: none;
            padding: 0 0 10px 0;
            background-position: 0 0;
        }

        .nc-container .nc_captcha_img_text span.nc-lang-cnt {
            line-height: inherit
        }

        .nc-container .imgCaptcha .nc_captcha_img_text {
            width: auto
        }

        .nc_captcha_img_text {
            height: auto;
            line-height: 20px;
            visibility: hidden;
            font-size: 12px;
            color: #999;
            font-weight: normal;
            display: none;
            padding: 0 0 10px 3px;
            background-position: 0 0
        }

        .nc-container .nc_wrapper {
            width: auto
        }

        .nc_scale {
            width: auto;
            height: 34px;
            background: #e8e8e8;
            position: relative;
            margin: 0;
            padding: 0
        }

        .nc_scale.is_audio {
            margin-right: 25px
        }

        .nc-container .nc_scale div {
            height: auto
        }

        .nc-container .nc_scale ul {
            list-style: none
        }

        .nc-container .nc_scale .btn_slide {
            color: #737383;
            background-image: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .nc-container .nc_scale span {
            text-align: center;
            width: 40px;
            height: 32px;
            line-height: 32px;
            border: 1px solid #ccc;
            position: absolute;
            left: 0;
            cursor: move;
            background: #fff;
            z-index: 2
        }

        .nc-container .nc_scale span.nc-lang-cnt {
            *line-height: 34px;
            float: none;
            width: auto;
            height: auto;
            *height: 34px;
            border: none;
            position: static;
            cursor: inherit;
            background: none;
            z-index: 0;
            display: inline
        }

        .nc_slide_button {
            width: 40px;
            height: 32px;
            border: 1px solid #ccc;
            position: absolute;
            left: 0;
            cursor: move;
            background: #fff url("//g.alicdn.com/sd/ncpc/images/rt.png") no-repeat center;
            z-index: 2
        }

        @media screen and (-ms-high-contrast:active),
        (-ms-high-contrast:none) {
            .nc_scale span {
                height: 32px
            }
        }

        .nc-container .nc_scale .btnok {
            cursor: default;
            background: #fff url("//g.alicdn.com/sd/ncpc/images/yes.png") no-repeat center;
            z-index: 3
        }

        .nc-container .nc_scale .btnok2 {
            cursor: default;
            font-size: 20px;
            background: #fff url("//g.alicdn.com/sd/ncpc/images/no.png") no-repeat center;
            z-index: 3
        }

        .nc-container .nc_scale .btn_warn {
            cursor: default;
            color: #ff3f08;
            line-height: 34px;
            text-align: center;
            font-size: 20px;
            background: #fff;
            z-index: 3
        }

        .nc-container .clickCaptcha_text .btn_refresh {
            font-size: 20px
        }

        .nc-container .clickCaptcha_text .icon_close {
            line-height: 30px;
            margin-left: 8px;
            cursor: default;
            color: #ff3f08;
            font-size: 16px;
            float: left;
            margin-right: 2px;
            background: transparent;
            z-index: 3
        }

        .nc-container .nc_captcha_img_text .icon_close {
            cursor: default;
            color: #ff3f08;
            font-size: 16px;
            float: left;
            margin-right: 4px;
            background: transparent;
            z-index: 3;
            line-height: 18px
        }

        .nc-container .errloading .icon_warn {
            cursor: default;
            color: #ff3f08;
            font-size: 18px;
            float: left;
            background: transparent;
            z-index: 3
        }

        .nc-container .nc_scale .btn_ok {
            cursor: default;
            line-height: 34px;
            text-align: center;
            font-size: 20px;
            background: #fff;
            z-index: 3;
            color: #76c61d
        }

        .nc-container .nc_scale .nc_ok,
        .nc-container .nc_scale .nc_bg {
            background: #7ac23c
        }

        .nc-container .nc_scale .nc_bg {
            position: absolute;
            height: 100%;
            _height: 34px;
            left: 0;
            width: 10px
        }

        .nc-container .nc_scale div.redbar {
            background: #fc461e;
            opacity: .5;
            filter: alpha(opacity=50)
        }

        .nc-container .nc_scale div.orange {
            background: #f00
        }

        .nc-container .nc_scale .scale_text {
            width: 100%;
            height: 100%;
            text-align: center;
            position: absolute;
            z-index: 1;
            background: transparent;
            color: #9c9c9c;
            line-height: 34px;
            font-size: 12px;
            cursor: pointer
        }

        .nc-container .nc_scale .scale_text2 {
            text-align: left;
            color: #fff;
            font-size: 12px;
            text-indent: 10px
        }

        .nc-container .nc_scale .scale_text2 b {
            padding-left: 0;
            font-weight: normal
        }

        .nc-container .nc_scale .scale_text.scale_loading_text {
            text-align: center
        }

        .nc-container .nc_scale .imgCaptcha,
        .nc-container .nc_scale .clickCaptcha {
            display: none;
            overflow: hidden;
            border: 1px solid #ccc;
            background: #fff;
            z-index: 20000;
        }

        .nc-container .nc_scale .imgCaptcha p.error span,
        .nc-container .nc_scale .clickCaptcha p.error span {
            line-height: normal
        }

        .nc-container .nc_scale .imgCaptcha {
            height: auto
        }

        .nc-container .nc_scale .clickCaptcha {
            position: absolute;
            left: 0;
            top: 35px;
            height: 270px;
            background: #fff;
            display: none;
        }

        .nc-container .nc_scale .clickCaptcha p.error i {
            color: #ff3f08;
            font-style: normal
        }

        .nc-container .nc_scale .clickCaptcha div {
            position: static;
            clear: both;
            width: 100%;
            background: #fff;
            height: auto
        }

        .nc-container .nc_scale .clickCaptcha .clickCaptcha_text {
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            color: #999;
        }

        .nc-container .nc_scale .clickCaptcha .clickCaptcha_text b {
            font-weight: normal
        }

        .nc_btn_2 {
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
            margin: 2px 9px 0 0
        }

        .nc_iconfont.nc_btn_2 {
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer
        }

        .nc_iconfont.nc_btn_1 {
            position: absolute;
            top: 10px;
            right: 5px
        }

        .nc_btn_1 {
            top: 10px;
            right: 10px
        }

        .scale_text i {
            font-style: normal;
            border: none;
            position: static;
            cursor: default;
            color: #fffc00;
            background: none;
            display: inline;
            width: 100%
        }

        .nc-container .clickCaptcha .clickCaptcha_img {
            margin: 0 auto;
            clear: both;
            position: relative;
        }

        .nc-container .clickCaptcha .clickCaptcha_img img {
            width: 230px;
            height: 230px;
            margin-left: 10px;
            margin-top: 5px
        }

        .nc-container .clickCaptcha .clickCaptcha_btn {
            margin: 10px 0 0 15px;
            position: relative;
            text-align: left;
        }

        .nc-container .clickCaptcha .clickCaptcha_btn img {
            cursor: pointer
        }

        .nc-container .imgCaptcha {
            position: absolute;
            left: 0;
            top: 35px;
            height: auto;
            padding-bottom: 15px;
            border: 1px solid #ccc;
            background: #fff;
        }

        .nc-container .imgCaptcha div {
            position: static;
            width: 90%;
            background-color: #fff
        }

        .nc-container .imgCaptcha,
        .nc-container .clickCaptcha {
            text-align: left;
        }

        .nc-container .imgCaptcha a,
        .nc-container .clickCaptcha a {
            color: #ff3f08
        }

        .nc-container .imgCaptcha .imgCaptcha_text {
            height: 42px;
            line-height: 42px;
            width: 120px;
            background: #fff;
            font-size: 14px;
            text-align: left;
            color: #747474;
            float: left;
            margin-left: 10px;
        }

        .nc-container .imgCaptcha .imgCaptcha_text input {
            margin-top: 5px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            width: 90px;
            background: #fff
        }

        .nc-container .imgCaptcha .imgCaptcha_text input:focus {
            outline: none;
            color: #bbb
        }

        .nc-container .imgCaptcha .imgCaptcha_btn {
            margin: 0 0 0 12px;
            *margin-left: 0;
            clear: both;
            padding-top: 5px;
            width: 90%;
        }

        .nc-container .imgCaptcha .imgCaptcha_btn img {
            cursor: pointer
        }

        .nc-container .imgCaptcha .nc_scale_submit {
            margin: 0 auto;
            cursor: pointer;
            background-color: #fc461e;
            width: 120px;
            height: 32px;
            line-height: 32px;
            color: #fff;
            text-align: center
        }

        .nc-container .imgCaptcha .imgCaptcha_img {
            margin: 4px 0 0 100px;
            height: 40px;
            width: 130px;
            overflow: hidden;
            cursor: pointer;
        }

        .nc-container .imgCaptcha .imgCaptcha_img img {
            width: 130px
        }

        .nc-container .imgCaptcha .imgCaptcha_img input {
            border: solid 1px #ccc
        }

        .nc-lang-ar_MA,
        .nc-lang-ar_SA,
        .nc-lang-iw_HE,
        .nc-lang-iw_IL {
            text-align: right;
            *text-align: left;
        }

        .nc-lang-ar_MA .nc_scale .scale_text2,
        .nc-lang-ar_SA .nc_scale .scale_text2,
        .nc-lang-iw_HE .nc_scale .scale_text2,
        .nc-lang-iw_IL .nc_scale .scale_text2 {
            text-align: right;
        }

        .nc-lang-ar_MA .nc_scale .scale_text2 span,
        .nc-lang-ar_SA .nc_scale .scale_text2 span,
        .nc-lang-iw_HE .nc_scale .scale_text2 span,
        .nc-lang-iw_IL .nc_scale .scale_text2 span {
            *display: inline-block;
            padding: 0 56px 0 0
        }

        .nc-lang-ar_MA .nc_captcha_img_text,
        .nc-lang-ar_SA .nc_captcha_img_text,
        .nc-lang-iw_HE .nc_captcha_img_text,
        .nc-lang-iw_IL .nc_captcha_img_text {
            *text-align: right
        }

        .nc-lang-ar_MA span.nc-lang-cnt,
        .nc-lang-ar_SA span.nc-lang-cnt,
        .nc-lang-iw_HE span.nc-lang-cnt,
        .nc-lang-iw_IL span.nc-lang-cnt {
            text-align: right;
            direction: rtl
        }

        .nocaptcha span.nc-lang-cnt {
            float: none;
            height: auto;
            line-height: 30px
        }

        .nc-container {
            font-size: 12px;
            -ms-touch-action: none;
            touch-action: none;
        }

        .nc-container p {
            margin: 0;
            padding: 0;
            display: inline
        }

        .nc-container .scale_text.scale_text span[data-nc-lang="_startTEXT"] {
            display: inline-block;
            width: 100%
        }

        .nc-container .scale_text.scale_text.slidetounlock span[data-nc-lang="_startTEXT"] {
            background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, #fff), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            -webkit-animation: slidetounlock 3s infinite;
            -webkit-text-size-adjust: none
        }

        .nc-container .nc_scale .nc-align-center.scale_text2 {
            text-align: center;
            text-indent: -42px
        }

        @-webkit-keyframes slidetounlock {
            0% {
                background-position: -200px 0
            }

            100% {
                background-position: 200px 0
            }
        }

        .nc-container.tb-login .clickCaptcha_text .icon_close {
            line-height: 30px;
            margin-left: 0;
            cursor: default;
            color: #ff3f08;
            font-size: 16px;
            float: left;
            margin-right: 0;
            background: transparent;
            z-index: 3
        }

        .nc-container.tb-login {
            position: relative;
            margin-top: 20px;
            display: none;
        }

        .nc-container.tb-login .nc_scale {
            width: auto;
        }

        .nc-container.tb-login .nc_scale .scale_text2 {
            text-indent: -42px;
            text-align: center;
        }

        .nc-container.tb-login .nc_scale .scale_text2 b {
            padding: 0
        }

        .nc-container.tb-login .nc_scale.nc_err div.scale_text {
            background: #f79977
        }

        .nc-container.tb-login .errloading {
            width: auto
        }

        .nc-container.tb-login .imgCaptcha,
        .nc-container.tb-login .clickCaptcha {
            width: 252px;
            *width: 256px;
            border: 0;
            *height: 300px;
            min-height: 300px;
            max-height: inherit !important;
        }

        .nc-container.tb-login .imgCaptcha div.login-msg.error,
        .nc-container.tb-login .clickCaptcha div.login-msg.error {
            background: #fff2f2
        }

        .nc-container.tb-login .imgCaptcha .captcha-error,
        .nc-container.tb-login .clickCaptcha .captcha-error {
            position: absolute;
            top: 0;
            width: 244px;
            height: auto;
            margin-bottom: 15px;
            padding: 3px;
            border: solid 1px #ff8e8e;
            line-height: 18px
        }

        .nc-container.tb-login .imgCaptcha .captcha-inform,
        .nc-container.tb-login .clickCaptcha .captcha-inform {
            font-size: 110%;
            margin-left: 20px
        }

        .nc-container.tb-login .imgCaptcha {
            padding-top: 66px;
        }

        .nc-container.tb-login .imgCaptcha .imgCaptcha_text {
            width: 100px;
            margin-left: 0;
        }

        .nc-container.tb-login .imgCaptcha .imgCaptcha_text input:focus {
            color: #000
        }

        .nc-container.tb-login .imgCaptcha .imgCaptcha_img {
            width: 120px;
            _width: 100px
        }

        .nc-container.tb-login .imgCaptcha .imgCaptcha_btn {
            width: 100%;
            margin-left: 0
        }

        .nc-container.tb-login .imgCaptcha .nc_scale_submit {
            width: 100%;
            height: 36px;
            line-height: 36px;
            margin-top: 20px;
            margin-left: 0;
            border-radius: 3px;
            font-size: 16px;
            font-family: Tahoma, Helvetica, Arial, sans-serif;
            background: #ff3f08
        }

        .nc-container.tb-login .clickCaptcha {
            padding-top: 40px;
        }

        .nc-container.tb-login .clickCaptcha .clickCaptcha_text {
            text-indent: 4px
        }

        .nc-container.tb-login .clickCaptcha .clickCaptcha_img img {
            margin-left: 10px
        }

        .nc-container.tb-login .nc_btn_1 {
            top: 77px;
            _top: 57px
        }

        .nc-container.tb-login .nc_btn_2 {
            top: 36px
        }

        .login .nc-container.tb-login .login-msg p,
        .login-box .nc-container.tb-login .login-msg p {
            width: auto;
            float: left
        }

        .nc-container.tb-login.nc-old-login {
            margin: 20px 0 10px 0;
            width: 250px;
        }

        .nc-container.tb-login.nc-old-login .nc_wrapper {
            width: 250px
        }

        .nc-container.tb-login.nc-old-login .imgCaptcha,
        .nc-container.tb-login.nc-old-login .clickCaptcha {
            width: 250px;
            min-height: auto;
        }

        .nc-container.tb-login.nc-old-login .imgCaptcha .captcha-error,
        .nc-container.tb-login.nc-old-login .clickCaptcha .captcha-error {
            line-height: 16px
        }

        .nc-container.tb-login.nc-old-login .clickCaptcha {
            padding-top: 28px;
        }

        .nc-container.tb-login.nc-old-login .clickCaptcha .clickCaptcha_img img {
            width: 200px;
            height: 200px
        }

        .nc-container.nc-old-login.show-click-captcha {
            padding-bottom: 60px
        }

        .nc-container.nc-old-login.show-click-captcha.nc-tm-min-fix {
            padding-bottom: 40px
        }

        .nc-container.tb-login.nc-tm-min-fix .clickCaptcha {
            max-height: 340px !important
        }

        #content .login-box .bd .nc-container.tb-login .login-msg {
            margin: 10px auto 15px auto
        }

        #content .login-box .bd .nc-container.tb-login.nc-old-login.show-click-captcha .login-msg {
            margin: 2px 0 0 0
        }

        .nc-container .nc_scale .nc-cc {
            display: none;
            position: absolute;
            left: 0;
            top: 35px;
            z-index: 20000;
            width: 360px;
            height: 570px;
            border: 1px solid #5eaef1;
            border-radius: 4px;
            background: #fff;
            font-size: 14px;
            line-height: 18px;
            color: #333;
        }

        .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-btn,
        .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-btn {
            background-color: #90c1eb
        }

        .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-btn,
        .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-btn,
        .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-refresh,
        .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-refresh {
            cursor: default
        }

        .nc-container .nc_scale .nc-cc.nc-cc-status-loading .nc-cc-refresh,
        .nc-container .nc_scale .nc-cc.nc-cc-status-verifing .nc-cc-refresh {
            color: #999
        }

        .nc-container .nc_scale .nc-cc a {
            color: #3199f4;
            text-decoration: none
        }

        .nc-container .nc_scale .nc-cc .nc_iconfont {
            vertical-align: top;
            margin-right: 8px
        }

        .nc-container .nc_scale .nc-cc-btn {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            letter-spacing: normal;
            word-spacing: normal;
            width: 100px;
            line-height: 30px;
            text-align: center;
            background-color: #3199f4;
            color: #fff;
            border-radius: 4px;
            cursor: pointer;
        }

        .nc-container .nc_scale .nc-cc-btn.nc-cc-disabled {
            background-color: #90c1eb;
            cursor: default
        }

        .nc-container .nc_scale .nc-cc-btn .nc-lang-cnt {
            line-height: 18px
        }

        .nc-container .nc_scale .nc-cc-header {
            padding: 20px 20px 19px 20px;
            height: 100px;
            background: #f4f8fa;
            border-bottom: 1px solid #ccc
        }

        .nc-container .nc_scale .nc-cc-img1-box {
            float: left;
            width: 100px;
            height: 100px;
            margin-right: 16px
        }

        .nc-container .nc_scale .nc-cc-txt {
            overflow: hidden;
            *zoom: 1;
            line-height: 30px;
            padding-top: 11px
        }

        .nc-container .nc_scale .nc-cc-img2-box {
            position: relative;
            padding: 0 20px;
            margin-top: 20px
        }

        .nc-container .nc_scale .nc-cc-items {
            position: absolute;
            left: 20px;
            _left: 0;
            top: 0;
            width: 320px;
            overflow: hidden
        }

        .nc-container .nc_scale .nc-cc-items-inner {
            margin-right: -20px
        }

        .nc-container .nc_scale .nc-cc-item {
            position: relative;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            letter-spacing: normal;
            word-spacing: normal;
            margin-right: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            width: 98px;
            height: 98px;
            background: url("//gtms02.alicdn.com/tps/i2/T1ty2QFNNXXXc6Yc2r-1-1.gif");
        }

        .nc-container .nc_scale .nc-cc-item:hover {
            border-color: #3199f4
        }

        .nc-container .nc_scale .nc-cc-item .nc_iconfont {
            display: none;
            position: absolute;
            right: 0;
            bottom: 0;
            color: #3199f4;
            font-size: 22px;
            margin-right: 0
        }

        .nc-container .nc_scale .nc-cc-item.nc-cc-selected .nc_iconfont {
            display: block
        }

        .nc-container .nc_scale .nc-cc-tip {
            display: none;
            position: absolute;
            left: 0;
            bottom: 60px;
            width: 360px;
            line-height: 18px;
            text-align: center;
            color: #eb4f38;
        }

        .nc-container .nc_scale .nc-cc-tip span {
            line-height: normal
        }

        .nc-container .nc_scale .nc-cc-footer {
            position: absolute;
            left: 0;
            bottom: 20px;
            width: 360px;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

        .nc-container .nc_scale .nc-cc-footer .nc_iconfont {
            color: #c4cbd0
        }

        .nc-container .nc_scale .nc-cc-refresh,
        .nc-container .nc_scale .nc-cc-wait {
            position: absolute;
            left: 20px;
            top: 0;
            color: #3199f4;
            cursor: pointer
        }

        .nc-container .nc_scale .nc-cc-wait {
            display: none
        }

        .nc-container .nc_scale .nc-cc-cancel {
            position: absolute;
            right: 20px;
            top: 0;
            color: #3199f4;
            cursor: pointer;
        }

        .nc-container .nc_scale .nc-cc-cancel .nc_iconfont {
            position: relative;
            top: -1px
        }

        .nc-container .nc_scale .nc-cc-loading {
            margin-top: 247px;
            text-align: center;
            line-height: 14px
        }

        .nc-container .nc_scale .nc-cc-loading-img {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            letter-spacing: normal;
            word-spacing: normal;
            vertical-align: middle;
            background: url("//img.alicdn.com/tps/TB1OdxsKpXXXXcgXFXXXXXXXXXX-14-14.gif") no-repeat;
            width: 14px;
            height: 14px;
            position: relative;
            top: -1px;
            margin-right: 9px
        }

        .nc-container .nc_scale .nc-cc-fail {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 320px;
            height: 180px;
            margin-left: -160px;
            margin-top: -90px;
            background: #fff;
            border-radius: 4px
        }

        .nc-container .nc_scale .nc-cc-fail-inner {
            text-align: center;
            padding: 55px 10px 10px
        }

        .nc-container .nc_scale .nc-cc-fail-action {
            margin: 28px 0 18px;
        }

        .nc-container .nc_scale .nc-cc-fail-action a {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            letter-spacing: normal;
            word-spacing: normal;
            line-height: 30px;
            margin-left: 16px
        }

        .nc-container .nc_scale .nc-cc-contact {
            text-align: right;
            color: #666;
            padding-right: 9px
        }

        .nc-container .nc_scale .nc-cc-mask {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 360px;
            height: 570px;
            background: rgba(0, 0, 0, 0.3);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4C000000', endColorstr='#4C000000');
        }

        :root .nc-container .nc_scale .nc-cc-mask {
            -webkit-filter: none;
            filter: none
        }

        .nc-container .nc_scale .nc-cc-arrow-1,
        .nc-container .nc_scale .nc-cc-arrow-2 {
            display: none;
            position: absolute;
            top: 340px;
            border: solid transparent;
            height: 0;
            width: 0
        }

        .nc-container .nc_scale .nc-cc-arrow-1 {
            border-width: 16px;
            margin-top: -1px
        }

        .nc-container .nc_scale .nc-cc-arrow-2 {
            border-width: 15px
        }

        .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-1,
        .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-1,
        .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-2,
        .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-2 {
            display: block;
            _display: none
        }

        .nc-container .nc_scale .nc-cc-right {
            left: 180px;
            top: -339px;
        }

        .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-1 {
            border-right-color: #5eaef1;
            left: -32px
        }

        .nc-container .nc_scale .nc-cc-right .nc-cc-arrow-2 {
            border-right-color: #fff;
            left: -30px
        }

        .nc-container .nc_scale .nc-cc-left {
            left: -335px;
            top: -339px;
        }

        .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-1 {
            border-left-color: #5eaef1;
            right: -32px
        }

        .nc-container .nc_scale .nc-cc-left .nc-cc-arrow-2 {
            border-left-color: #fff;
            right: -30px
        }
    </style>
    <style>
        .topic-detail[_ngcontent-njh-c81] {
            position: fixed;
            width: 100%;
            height: 100%;
            overflow-y: scroll;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, .5);
            z-index: 9
        }

        .topic-detail[_ngcontent-njh-c81] .close[_ngcontent-njh-c81] {
            position: fixed;
            top: 20px;
            right: 20px;
            width: 30px;
            height: 30px;
            background: #fff
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] {
            width: 800px;
            margin: 60px auto
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] {
            background: #fff;
            border-radius: 4px;
            padding: 20px 30px 30px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .enter-group[_ngcontent-njh-c81] {
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid rgba(0, 0, 0, .05);
            line-height: 22px;
            display: flex;
            justify-content: space-between
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .enter-group[_ngcontent-njh-c81] .left[_ngcontent-njh-c81] {
            font-family: PingFangSC-Medium;
            font-size: 14px;
            color: #5a5c66
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .enter-group[_ngcontent-njh-c81] .right[_ngcontent-njh-c81] {
            cursor: pointer;
            color: #567895
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .enter-group[_ngcontent-njh-c81] .right[_ngcontent-njh-c81] .icon[_ngcontent-njh-c81] {
            display: inline-block;
            margin-left: 6px;
            width: 10px;
            height: 11px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -297px -197px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .operation-icon[_ngcontent-njh-c81] {
            display: flex
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .operation-icon[_ngcontent-njh-c81] div[_ngcontent-njh-c81] {
            width: 21px;
            height: 21px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            margin-right: 20px;
            cursor: pointer
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .operation-icon[_ngcontent-njh-c81] .like[_ngcontent-njh-c81] {
            background-position: -107px -306px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .operation-icon[_ngcontent-njh-c81] .like.self[_ngcontent-njh-c81] {
            background-position: -107px -346px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .operation-icon[_ngcontent-njh-c81] .comment[_ngcontent-njh-c81] {
            background-position: -157px -306px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .operation-icon[_ngcontent-njh-c81] .comment[_ngcontent-njh-c81]:hover {
            background-position: -157px -346px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .like-user[_ngcontent-njh-c81] {
            display: flex;
            align-items: center;
            margin-top: 20px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .like-user[_ngcontent-njh-c81] .like-image[_ngcontent-njh-c81] {
            cursor: pointer;
            position: relative;
            display: inline-block;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 2px solid #fff;
            background-color: #f5f6f7
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .like-user[_ngcontent-njh-c81] .like-text[_ngcontent-njh-c81] {
            position: relative;
            margin-left: 10px;
            font-family: PingFangSC-Medium;
            font-size: 12px;
            color: #c5c6cb
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .horizontal-line[_ngcontent-njh-c81] {
            border-bottom: 1px solid rgba(0, 0, 0, .05);
            margin-top: 20px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .comment-container[_ngcontent-njh-c81] .comment-item[_ngcontent-njh-c81] .main-comment[_ngcontent-njh-c81] {
            display: flex;
            margin-top: 8px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .comment-container[_ngcontent-njh-c81] .comment-item[_ngcontent-njh-c81] .main-comment[_ngcontent-njh-c81] .user-avatar[_ngcontent-njh-c81] {
            cursor: pointer;
            width: 30px;
            min-width: 30px;
            height: 30px;
            border-radius: 15px;
            margin-right: 16px;
            margin-top: 12px;
            background-color: #f5f6f7
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .comment-container[_ngcontent-njh-c81] .comment-item[_ngcontent-njh-c81] .main-comment[_ngcontent-njh-c81] .main-comment-item[_ngcontent-njh-c81] {
            flex: 1
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .comment-container[_ngcontent-njh-c81] .comment-item[_ngcontent-njh-c81] .reply-comment[_ngcontent-njh-c81] {
            padding-left: 46px;
            margin-top: 12px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .comment-container[_ngcontent-njh-c81] .comment-item[_ngcontent-njh-c81] .reply-comment[_ngcontent-njh-c81] .container[_ngcontent-njh-c81] {
            background: #f7f9fa;
            border-radius: 4px;
            padding: 12px
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .moreComment[_ngcontent-njh-c81] {
            margin-top: 12px;
            padding-top: 20px;
            text-align: center;
            color: #567895;
            border-top: 1px solid rgba(0, 0, 0, .05)
        }

        .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] .topic-detail-panel[_ngcontent-njh-c81] .moreComment[_ngcontent-njh-c81]:hover {
            cursor: pointer
        }

        .topic-detail[_ngcontent-njh-c81] .disabled-copy[_ngcontent-njh-c81] {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        @media only screen and (-ms-min-device-pixel-ratio:2),
        only screen and (-o-min-device-pixel-ratio:2),
        only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min--moz-device-pixel-ratio:2),
        only screen and (min-device-pixel-ratio:2) {

            .enter-group[_ngcontent-njh-c81] .right[_ngcontent-njh-c81] .icon[_ngcontent-njh-c81],
            .operation-icon[_ngcontent-njh-c81] div[_ngcontent-njh-c81] {
                background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@2x.8b15a248c2c84cea14c1.png) !important;
                background-size: 1024px 1057px !important
            }
        }

        @media screen and (max-width:1600px) {
            .topic-detail[_ngcontent-njh-c81] .content[_ngcontent-njh-c81] {
                width: 600px
            }
        }
    </style>
    <style>
        .header-container[_ngcontent-njh-c76] {
            justify-content: space-between;
            padding: 10px 20px 10px 10px
        }

        .header-container[_ngcontent-njh-c76],
        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] {
            position: relative;
            display: flex;
            align-items: center
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] {
            height: 36px
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .avatar[_ngcontent-njh-c76] {
            position: absolute;
            top: 0;
            left: 0;
            height: 30px;
            width: 30px;
            border-radius: 50%;
            background-color: #f5f6f7;
            cursor: pointer
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .avatar.default[_ngcontent-njh-c76] {
            pointer-events: none
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] {
            margin-left: 46px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .role[_ngcontent-njh-c76] {
            height: 20px;
            line-height: 20px;
            cursor: pointer
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .role.default[_ngcontent-njh-c76] {
            pointer-events: none
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .owner[_ngcontent-njh-c76],
        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .partner[_ngcontent-njh-c76] {
            color: #fda956
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .guest[_ngcontent-njh-c76] {
            color: #d28057
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .self[_ngcontent-njh-c76] {
            color: #16b998
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .member[_ngcontent-njh-c76] {
            color: #567895
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .anonymous[_ngcontent-njh-c76] {
            color: #c5c6cb
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .date[_ngcontent-njh-c76] {
            font-size: 12px;
            color: #c5c6cb
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .del[_ngcontent-njh-c76] {
            cursor: pointer;
            display: inline-block;
            margin-left: 10px;
            font-size: 12px;
            color: #fda956
        }

        .header-container[_ngcontent-njh-c76] .author[_ngcontent-njh-c76] .info[_ngcontent-njh-c76] .silenced[_ngcontent-njh-c76] {
            cursor: pointer;
            display: inline-block;
            margin-left: 8px;
            font-size: 12px;
            color: #567895
        }

        .header-container[_ngcontent-njh-c76] .operation[_ngcontent-njh-c76] {
            width: 127px;
            height: 36px;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: space-between;
            font-size: 12px;
            color: #c5c6cb
        }

        .header-container[_ngcontent-njh-c76] .operation[_ngcontent-njh-c76] .operation-top[_ngcontent-njh-c76] {
            display: flex;
            justify-content: flex-end;
            align-items: center
        }

        .header-container[_ngcontent-njh-c76] .operation[_ngcontent-njh-c76] .operation-top[_ngcontent-njh-c76] .topic-status[_ngcontent-njh-c76] {
            background: #f5f6f7;
            border-radius: 15px;
            padding: 0 12px;
            line-height: 20px;
            font-size: 12px;
            color: #b3b3b3;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .header-container[_ngcontent-njh-c76] .operation[_ngcontent-njh-c76] .operation-top[_ngcontent-njh-c76] .topic-status.in-review[_ngcontent-njh-c76] {
            cursor: pointer;
            color: #c5c6cb
        }

        .header-container[_ngcontent-njh-c76] .operation[_ngcontent-njh-c76] .operation-top[_ngcontent-njh-c76] .topic-status.fail-video[_ngcontent-njh-c76] {
            cursor: pointer;
            background: rgba(253, 169, 86, .15);
            color: #fda956
        }

        .header-container[_ngcontent-njh-c76] .operation[_ngcontent-njh-c76] .operation-top[_ngcontent-njh-c76] .topic-status.fail-video[_ngcontent-njh-c76] i[_ngcontent-njh-c76] {
            position: relative;
            top: 2px;
            display: inline-block;
            width: 12px;
            height: 12px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -233px -447px;
            margin-left: 6px
        }

        .header-container[_ngcontent-njh-c76] .operation[_ngcontent-njh-c76] .operation-top[_ngcontent-njh-c76] .icon[_ngcontent-njh-c76] {
            width: 15px;
            height: 20px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -226px -193px;
            cursor: pointer;
            position: relative;
            margin-left: 22px
        }

        .header-container[_ngcontent-njh-c76] .operation[_ngcontent-njh-c76] .user-agent[_ngcontent-njh-c76] {
            max-width: 200px;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer
        }

        .header-container[_ngcontent-njh-c76] .copy-input[_ngcontent-njh-c76] {
            position: fixed;
            top: -300px
        }

        .header-container[_ngcontent-njh-c76] .topic-flag[_ngcontent-njh-c76] {
            position: absolute;
            right: -10px;
            top: -10px;
            display: flex;
            min-width: 100px
        }

        .header-container[_ngcontent-njh-c76] .topic-flag[_ngcontent-njh-c76] .homework[_ngcontent-njh-c76] {
            width: 100px;
            height: 28px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            z-index: 1
        }

        .header-container[_ngcontent-njh-c76] .topic-flag[_ngcontent-njh-c76] .homework.task[_ngcontent-njh-c76] {
            background-position: -767px -191px
        }

        .header-container[_ngcontent-njh-c76] .topic-flag[_ngcontent-njh-c76] .homework.solution[_ngcontent-njh-c76] {
            background-position: -767px -229px
        }

        .header-container[_ngcontent-njh-c76] .topic-flag[_ngcontent-njh-c76] .homework.null[_ngcontent-njh-c76] {
            display: none
        }

        .header-container[_ngcontent-njh-c76] .topic-flag[_ngcontent-njh-c76] .digest[_ngcontent-njh-c76] {
            width: 48px;
            height: 40px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -818px -593px;
            position: absolute;
            right: 40px
        }

        @media only screen and (-ms-min-device-pixel-ratio:2),
        only screen and (-o-min-device-pixel-ratio:2),
        only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min--moz-device-pixel-ratio:2),
        only screen and (min-device-pixel-ratio:2) {

            .header-container[_ngcontent-njh-c76] .digest[_ngcontent-njh-c76],
            .header-container[_ngcontent-njh-c76] .homework[_ngcontent-njh-c76],
            .header-container[_ngcontent-njh-c76] .operation[_ngcontent-njh-c76] .icon[_ngcontent-njh-c76],
            .header-container[_ngcontent-njh-c76] .topic-status.fail-video[_ngcontent-njh-c76] i[_ngcontent-njh-c76] {
                background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@2x.8b15a248c2c84cea14c1.png) !important;
                background-size: 1024px 1057px
            }
        }
    </style>
    <style>
        .tag-container[_ngcontent-njh-c77] {
            padding-left: 56px;
            padding-right: 20px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin: 10px 0 -6px
        }

        .tag-container[_ngcontent-njh-c77] [hidden][_ngcontent-njh-c77] {
            display: none !important
        }

        .tag-container[_ngcontent-njh-c77] .tag[_ngcontent-njh-c77] {
            position: relative;
            cursor: pointer;
            font-size: 12px;
            color: #16b998;
            background: rgba(65, 183, 140, .05);
            border: 1px solid rgba(65, 183, 140, .2);
            border-radius: 2px;
            margin-right: 6px;
            margin-bottom: 6px;
            padding: 2px 4px
        }

        .tag-container[_ngcontent-njh-c77] .tag[_ngcontent-njh-c77] .del-icon[_ngcontent-njh-c77] {
            display: inline-block;
            position: absolute;
            top: -3.5px;
            right: -3.5px;
            width: 9px;
            height: 9px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -201px -450px
        }

        .tag-container[_ngcontent-njh-c77] .tag[_ngcontent-njh-c77] .del-icon[_ngcontent-njh-c77]:hover {
            background-position: -201px -465px
        }

        @media only screen and (-ms-min-device-pixel-ratio:2),
        only screen and (-o-min-device-pixel-ratio:2),
        only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min--moz-device-pixel-ratio:2),
        only screen and (min-device-pixel-ratio:2) {
            .tag-container[_ngcontent-njh-c77] .del-icon[_ngcontent-njh-c77] {
                background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@2x.8b15a248c2c84cea14c1.png) !important;
                background-size: 1024px 1057px
            }
        }
    </style>
    <style>
        .talk-content-container[_ngcontent-njh-c55] {
            padding-left: 56px;
            padding-right: 20px;
            margin-bottom: 10px;
            line-height: 21px;
            color: #2f3034
        }

        .talk-content-container[_ngcontent-njh-c55] .showAll[_ngcontent-njh-c55] {
            display: none;
            color: #567895;
            cursor: pointer;
            margin-top: 10px
        }

        .talk-content-container[_ngcontent-njh-c55] .content[_ngcontent-njh-c55] {
            white-space: pre-wrap;
            word-wrap: break-word;
            overflow: hidden
        }

        .talk-content-container[_ngcontent-njh-c55] .content.showMore[_ngcontent-njh-c55] {
            max-height: auto
        }

        .talk-content-container[_ngcontent-njh-c55] .content.showless[_ngcontent-njh-c55] {
            max-height: 168px
        }

        @media only screen and (-ms-min-device-pixel-ratio:2),
        only screen and (-o-min-device-pixel-ratio:2),
        only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min--moz-device-pixel-ratio:2),
        only screen and (min-device-pixel-ratio:2) {
            .content[_ngcontent-njh-c55] a[_ngcontent-njh-c55]:before {
                background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@2x.8b15a248c2c84cea14c1.png) !important;
                background-size: 1024px 1057px
            }
        }
    </style>
    <style>
        .comment-item-container[_ngcontent-njh-c79] {
            margin-top: 12px;
            padding-left: 56px;
            padding-right: 20px
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] {
            line-height: 20px;
            color: #5a5c66;
            word-wrap: break-word;
            white-space: pre-wrap
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .comment[_ngcontent-njh-c79] {
            color: #567895;
            cursor: pointer
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .refer[_ngcontent-njh-c79] {
            color: #567895
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .image[_ngcontent-njh-c79] {
            cursor: pointer;
            margin-left: 4px;
            color: #567895
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .image[_ngcontent-njh-c79]:before {
            position: relative;
            left: 2px;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -357px -575px;
            height: 14px;
            width: 14px;
            content: " ";
            display: inline-block;
            line-height: 14px
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .file[_ngcontent-njh-c79] {
            cursor: pointer;
            margin-left: 4px;
            color: #567895
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .file[_ngcontent-njh-c79]:before {
            position: relative;
            left: 2px;
            color: #567895;
            background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@1x.7289f38a7a294e390c31.png);
            background-position: -417px -575px;
            height: 14px;
            width: 14px;
            content: " ";
            display: inline-block;
            line-height: 14px
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .group-owner-light[_ngcontent-njh-c79] {
            color: #fda956
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .group-guest-light[_ngcontent-njh-c79] {
            color: #d28057
        }

        .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .current-user-light[_ngcontent-njh-c79] {
            color: #16b998
        }

        .comment-item-container[_ngcontent-njh-c79] .operations[_ngcontent-njh-c79] {
            margin-top: 2px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 16px;
            font-size: 12px;
            color: #c5c6cb
        }

        .comment-item-container[_ngcontent-njh-c79] .operations[_ngcontent-njh-c79] .operation[_ngcontent-njh-c79] {
            cursor: pointer;
            display: none
        }

        .comment-item-container[_ngcontent-njh-c79] .operations[_ngcontent-njh-c79] .delOrther[_ngcontent-njh-c79] {
            display: inline-block;
            margin-right: 16px
        }

        .comment-item-container[_ngcontent-njh-c79]:hover .operations[_ngcontent-njh-c79] .operation[_ngcontent-njh-c79] {
            display: inline-block
        }

        @media only screen and (-ms-min-device-pixel-ratio:2),
        only screen and (-o-min-device-pixel-ratio:2),
        only screen and (-webkit-min-device-pixel-ratio:2),
        only screen and (min--moz-device-pixel-ratio:2),
        only screen and (min-device-pixel-ratio:2) {

            .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .file[_ngcontent-njh-c79]:before,
            .comment-item-container[_ngcontent-njh-c79] .text[_ngcontent-njh-c79] .image[_ngcontent-njh-c79]:before {
                background-image: url(https://wx.zsxq.com/dweb2/assets/resources/sprite@2x.8b15a248c2c84cea14c1.png) !important;
                background-size: 1024px 1057px
            }
        }
    </style>
</head>

<body>
<app-root _nghost-njh-c11="" ng-version="11.0.3">
    <router-outlet _ngcontent-njh-c11=""></router-outlet>
    <app-index _nghost-njh-c86="">
        <div _ngcontent-njh-c86="" class="index-container">
            <app-header _ngcontent-njh-c86="" _nghost-njh-c85="">
                <div _ngcontent-njh-c85="" class="header-container">
                    <div _ngcontent-njh-c85="" class="logo-container">
                        <div _ngcontent-njh-c85="" class="logo"></div>
                        <div _ngcontent-njh-c85="" class="tip">社群工具</div>
                    </div>
                    <div _ngcontent-njh-c85="" class="error-emit-point"></div>
                    <div _ngcontent-njh-c85="" class="middle-container">
                        <!---->
                        <!---->
                    </div>
                    <!---->
                </div>
                <!---->
            </app-header><input _ngcontent-njh-c86="" id="copy-input" type="text" value="zsxq" class="copy-input">
            <!---->
            <router-outlet _ngcontent-njh-c86=""></router-outlet>
            <app-topic-detail-page _nghost-njh-c121="">
                <div _ngcontent-njh-c121="" class="topic-detail-page">
                    <div _ngcontent-njh-c121="" class="enter-group"><span _ngcontent-njh-c121="">详情</span><span
                            _ngcontent-njh-c121="" class="group-name"><i _ngcontent-njh-c121=""
                                                                         class="icon"></i><span _ngcontent-njh-c121="">返回 Hollis和他的朋友们</span></span>
                        <!---->
                    </div>
                    <div _ngcontent-njh-c121="" class="container">
                        <app-skeleton _ngcontent-njh-c121="" _nghost-njh-c70="" hidden="">
                            <div _ngcontent-njh-c70="" class="skeleton">
                                <div _ngcontent-njh-c70="" class="header">
                                    <div _ngcontent-njh-c70="" class="avatar"></div>
                                    <div _ngcontent-njh-c70="" class="author-info">
                                        <div _ngcontent-njh-c70="" class="item1"></div>
                                        <div _ngcontent-njh-c70="" class="item2"></div>
                                    </div>
                                </div>
                                <div _ngcontent-njh-c70="" class="card-layout">
                                    <div _ngcontent-njh-c70=""></div>
                                    <div _ngcontent-njh-c70=""></div>
                                    <div _ngcontent-njh-c70="" class="item1"></div>
                                    <div _ngcontent-njh-c70="" class="content"></div>
                                    <div _ngcontent-njh-c70=""></div>
                                    <div _ngcontent-njh-c70="" class="item2"></div>
                                </div>
                            </div>
                        </app-skeleton>
                        <app-topic-detail _ngcontent-njh-c121="" _nghost-njh-c81="">
                            <div _ngcontent-njh-c81="" id="topic-detail-container" class="topic-detail">
                                <div _ngcontent-njh-c81="" class="content">
                                    <div _ngcontent-njh-c81="" class="skeleton-container" hidden="">
                                        <app-skeleton _ngcontent-njh-c81="" _nghost-njh-c70="">
                                            <div _ngcontent-njh-c70="" class="skeleton">
                                                <div _ngcontent-njh-c70="" class="header">
                                                    <div _ngcontent-njh-c70="" class="avatar"></div>
                                                    <div _ngcontent-njh-c70="" class="author-info">
                                                        <div _ngcontent-njh-c70="" class="item1"></div>
                                                        <div _ngcontent-njh-c70="" class="item2"></div>
                                                    </div>
                                                </div>
                                                <div _ngcontent-njh-c70="" class="card-layout">
                                                    <div _ngcontent-njh-c70=""></div>
                                                    <div _ngcontent-njh-c70=""></div>
                                                    <div _ngcontent-njh-c70="" class="item1"></div>
                                                    <div _ngcontent-njh-c70="" class="content"></div>
                                                    <div _ngcontent-njh-c70=""></div>
                                                    <div _ngcontent-njh-c70="" class="item2"></div>
                                                </div>
                                            </div>
                                        </app-skeleton>
                                    </div>
                                    <div _ngcontent-njh-c81="" class="topic-detail-panel">
                                        <div _ngcontent-njh-c81="" class="enter-group"><span _ngcontent-njh-c81=""
                                                                                             class="left">来自：Hollis和他的朋友们</span><span _ngcontent-njh-c81=""
                                                                                                                                      class="right">进入星球<div _ngcontent-njh-c81="" class="icon"></div>
                                                    </span>
                                            <!---->
                                        </div>
                                        <app-topic-header _ngcontent-njh-c81="" _nghost-njh-c76="">
                                            <div _ngcontent-njh-c76="" class="header-container">
                                                <div _ngcontent-njh-c76="" class="author"><img _ngcontent-njh-c76=""
                                                                                               class="avatar"
                                                                                               src="https://images.zsxq.com/FkSAbV4uFf1u4pDnc3BC_ahJOLJO?e=1619798399&amp;token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:wNZZuro9dMJXTwopDqInMpgHTbQ=">
                                                    <div _ngcontent-njh-c76="" class="info">
                                                        <div _ngcontent-njh-c76="" class="role owner">Hollis</div>
                                                        <div _ngcontent-njh-c76="" class="date">2019/5/13
                                                        </div>
                                                    </div>
                                                </div>
                                                <div _ngcontent-njh-c76="" class="topic-flag">
                                                    <div _ngcontent-njh-c76="" class="homework null"></div>
                                                    <!---->
                                                </div>
                                                <div _ngcontent-njh-c76="" class="operation">
                                                    <div _ngcontent-njh-c76="" class="operation-top">
                                                        <div _ngcontent-njh-c76="" class="icon">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </app-topic-header>
                                        <div _ngcontent-njh-c81="" class="">
                                            <app-talk-content _nghost-njh-c55="">
                                                <div _ngcontent-njh-c55="" class="talk-content-container">
                                                    <div _ngcontent-njh-c55="" class="content">REPLACE_MAIN_CONTENT
                                                    </div>
                                                    <p _ngcontent-njh-c55="" class="showAll"> 展开全部 </p>
                                                </div>
                                            </app-talk-content>
                                        </div>
                                        <app-tag-container _ngcontent-njh-c81="" fromwhere="topicDetail"
                                                           _nghost-njh-c77="">
                                            <div _ngcontent-njh-c77="" class="tag-container">
                                                <div _ngcontent-njh-c77="" class="tag"> 直面Java <i
                                                        _ngcontent-njh-c77="" class="del-icon" hidden=""></i></div>
                                            </div>
                                        </app-tag-container>
                                        <div _ngcontent-njh-c81="" class="operation-icon">
                                            <div _ngcontent-njh-c81="" title="点赞" class="like"></div>
                                            <div _ngcontent-njh-c81="" title="评论" class="comment"></div>
                                        </div>
                                        <div _ngcontent-njh-c81="" class="horizontal-line"></div>
                                        REPLACE_COMMENTS
                                    </div>
                                    <!---->
                                </div>
                                <!---->
                            </div>
                        </app-topic-detail>
                        <!---->
                        <!---->
                    </div>
                </div>
            </app-topic-detail-page>
            <!---->
        </div>
    </app-index>
    <!---->
</app-root>
<script src="https://wx.zsxq.com/dweb2/runtime.4ff1271bbb408ae77d6a.js" defer=""></script>
<script src="https://wx.zsxq.com/dweb2/polyfills-es5.4f835bba6f5f73cc2444.js" nomodule="" defer=""></script>
<script src="https://wx.zsxq.com/dweb2/polyfills.d1ef57b31c515414a7ad.js" defer=""></script>
<script src="https://wx.zsxq.com/dweb2/main.6064d4cfa85d0d8fee41.js" defer=""></script>

<div class="message-container-overlay">
    <app-message-container _nghost-njh-c13="">
        <div _ngcontent-njh-c13="" class="message-container">
            <!---->
        </div>
    </app-message-container>
</div>
<div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
    <div class="xl-chrome-ext-bar__logo"></div>

    <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a>
    <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
</div>
</body>

</html>